@import 'scss-imports/variables';

:host {
  display: block;

  ::ng-deep {
    [ix-table-head] {
      display: none !important;
    }

    [ix-table-body]::ng-deep {
      tr.row td {
        font-size: 12px;
      }
    }

    .list-item {
      align-items: flex-start;
      column-gap: 4px;
      display: flex;
      flex-wrap: wrap;

      span {
        display: inline-flex;
        flex-wrap: wrap;
        white-space: normal;
      }
    }
  }
}

.layout {
  display: grid;
  gap: 8px;
  grid-template-columns: 50% auto;

  @media(max-width: $breakpoint-sm) {
    grid-template-columns: 1fr;
  }
}
